<template>
  <ynet-content id="MyMain" class="main-content" :headerInformation="true" :headerMenu="true">

    <div >
       <MyCard class="fl" v-if="first"></MyCard>
       <Myinfomation class="fr" v-if="second" @modify="modify" ></Myinfomation>
       <modifyPwd v-if="three" @back="back"></modifyPwd>
       <ShortMenu v-if="four"></ShortMenu>
    </div>
    
  </ynet-content>
</template>


<script>
   import MyCard from './components/MyCard';
   import Myinfomation from './components/Myinfomation';
   import ShortMenu from './components/shortCutMenu';
   import modifyPwd from './components/modifyPwd';
  export default {
    name:'MyMain',
    components:{
       MyCard,
       Myinfomation,
       ShortMenu,
       modifyPwd
    },
    data() {
      return {
      first:true,
      second:true,
      three:false,
      four:true
      };
    },
    methods: {
      modify(){
        //console.log(123)
        let _this = this
        _this.first = false
        _this.second = false
        _this.three = true
        _this.four =false
      },
      back(val){
         let _this = this
        _this.first = true
        _this.second = true
        _this.three = false
        _this.four = true
      },
    }
  }
</script>
<style>


</style>
